<div class="content-wrapper" style="min-height: 976px;">

    <section class="content-header">
        <h1>
            相关审批
            <small></small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i>相关审批</a></li>
            <li><a href="#"></a></li>
            <li class="active"></li>
        </ol>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <!-- Custom Tabs -->
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-target="#tab_1" data-toggle="tab" aria-expanded="true">创建申请</a></li>
                        <li class=""><a data-target="#tab_2" data-toggle="tab" aria-expanded="false">管理申请</a></li>
                        <li class=""><a data-target="#tab_3" data-toggle="tab" aria-expanded="false">资金申请</a></li>
                        <li class=""><a data-target="#tab_4" data-toggle="tab" aria-expanded="false">场地申请</a></li>
                        <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab_1">
                            <table class="table table-striped">
                                <tbody>
                                <tr>
                                    <th style="width: 10px">#</th>
                                    <th style="width: 120px">申请人</th>
                                    <th style="width: 120px">社团名称</th>
                                    <th style="width: 160px">申请理由</th>
                                    <th style="width: 120px">申请时间</th>
                                    <th style="width: 20px">操作</th>
                                </tr>

                                <tr ng-repeat="l in createApplicationList">
                                    <td>{{$index + 1}}</td>
                                    <td>
                                        {{l.user.realName}}
                                    </td>
                                    <td>
                                        {{l.association.name}}
                                    </td>
                                    <td>
                                        {{l.description}}
                                    </td>
                                    <td>
                                        {{l.applyTime | date:'yyyy-MM-dd HH:mm:ss'}}
                                    </td>
                                    <td>
                                        <button class="btn btn-primary"
                                                ng-click="submitCreate(l.uid, true)">通过
                                        </button>
                                        <button class="btn btn-danger"
                                                ng-click="submitCreate(l.uid, false)">拒绝
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>

                            <div class="pager">
                                <my-pagination page-count="createApplicationPageCount"
                                               current-page="createApplicationCurrentPage"
                                               on-page-change="onCreateApplicationPageChange()"
                                               first-text="首页" next-text="下一页" prev-text="上一页" last-text="尾页"
                                               show-goto="false"
                                               goto-text="跳转到"></my-pagination>
                            </div>
                        </div>
                        <!-- /.tab-pane -->
                        <div class="tab-pane" id="tab_2">

                        </div>
                        <!-- /.tab-pane -->
                        <div class="tab-pane" id="tab_3">

                        </div>
                        <!-- /.tab-pane -->
                        <div class="tab-pane" id="tab_4">

                        </div>
                        <!-- /.tab-pane -->
                    </div>
                    <!-- /.tab-content -->
                </div>
                <!-- nav-tabs-custom -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
        <!-- END CUSTOM TABS -->
    </section>
</div>